<template>
  <div class="wrap">
		<div class="banner">
			<mt-swipe :auto="4000">
				<mt-swipe-item>
					<img src="../../assets/image/banner1.jpg">
				</mt-swipe-item>
			</mt-swipe>
		</div>
		<div class="my-detail">
			<div class="my-list list-ico" @click="go(item.link)" v-for="(item, index) in typeList" :key="index">
				<span class="ico" :class="item.class"></span>
				<p>{{item.title}}</p>
			</div>
		</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    	typeList: [
    		{title: '留言', link: 'message', class: 'ico01'},
    		{title: '论坛', link: 'forum', class: 'ico02'}
    	]
    }
  },
  methods: {
    go: function (link) {
    	var that = this
      that.$router.push({
        name: link
      })
    }
  }
}
</script>

<style>
.list-ico{
	background: url(../../assets/image/arrow.png) no-repeat right 30px center;
	background-size: 36px 40px;
}
</style>
